<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>贝肯伟小小程序</title>
  <!-- less--包导入 -->
  <!-- <link rel="stylesheet/less" type="text/css" href="styles.less" /> -->
  <!-- less--包导入 -->
  <!-- <script>
    less = {
      env: "development",
      async: false,
      fileAsync: false,
      poll: 1000,
      functions: {},
      dumpLineNumbers: "comments",
      relativeUrls: false,
      rootpath: ":/a.com/"
    };
  </script> -->
  <!-- <script src="js/less.min.js" type="text/javascript"></script> -->
  <!-- import Vue before Element -->
  <!-- <script src="https://unpkg.com/vue/dist/vue.js"></script> -->
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <!-- element-ui---引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <!-- element-ui---引入组件库 -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <!-- css初始化 -->
  <link rel="stylesheet" href="css/reset.css">
  <!-- icon导入 -->
  <link rel="stylesheet" href="css/icon.css">
  <!-- 本页样式 -->
  <link rel="stylesheet" href="css/login.css">
  <!-- <link rel="stylesheet/less" type="text/css" href="css/login.less"> -->
  
</head>

<body>
  <div>
    <canvas id="canv"></canvas>
    <img class="login-logo" src="img/logo.png">
    <div class="loginDom">
      <div class="login">
        <div class="login-mainbox">
          <div class="login-left">
            <img src="img/login-img-1.png">
          </div>
          <div class="login-wrap">
            <div class="login-header-text">
              <img src="img/logo.png">
              <span class="name">贝肯伟</span>·
              <span>小程序</span>
            </div>
            <input type="text" placeholder="手机号或用户名" class="ivu-input" />
            <input type="text" placeholder="登录密码" class="ivu-input" />
            <input type="text" placeholder="登录密码" class="ivu-input" />
            <div class="ivu-form-item-content">
              <div class="ivu-col ivu-col-span-12">
                <label class="login-auto ivu-checkbox-wrapper">
                  <input type="checkbox" name="aotulogin" />自动登录
                </label>
              </div>
              <div class="ivu-col ivu-col-span-12">
                <a href="/account/resetpassword">忘记密码?</a>
              </div>
            </div>
            <div class="ivu-form-item">
              <button class="login-btn" @click="loginss">登录</button>
            </div>
            <div class="ivu-form-item-content input-box">
              <div class="ivu-col ivu-col-span-12">
                自动登录
              </div>
              <div class="ivu-col ivu-col-span-12">
                自动登录
              </div>
            </div>
          </div>
        </div>
        <div class="link-groups">
          <a href="#" target="_blank" class="link-item">
            <img src="imgrenren.png" />
          </a>
          <a href="#" target="_blank" class="link-item">
            <img src="imgrenren.png" />
          </a>
          <a href="#" target="_blank" class="link-item">
            <img src="imgrenren.png" />
          </a>
          <div class="other">
            <a href="#F" target="_blank">微商易</a>
            <span></span>
            <a href="#F" target="_blank">微商易</a>
            <span></span>
            <a href="#F" target="_blank">微商易</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="js/loginBg.js"></script>
</html>